<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<title>同程旅行 - 支付页面</title>
		<link rel="stylesheet" href="./static/css/pay.css">
	</head>
	<body>


		<!-- 倒计时提醒 -->
		<div class="countdown">
			<span>建议您在 <strong>29分49秒</strong> 内完成付款，过期订单会自动取消</span>
		</div>

		<!-- 酒店预订信息 -->
		<section class="booking-info">
			<h2>酒店名称</h2>
			<p>酒店房型</p>
			<p class="time">入住日期：11月08日（周五） - 11月09日（周六） 共1晚</p>
			<p class="price">需支付：<span>房间费用</span></p>
		</section>

		<!-- 支付方式选择 -->
		<section class="payment-options">
			<div class="tabs">
				<button class="tab active">支付宝</button>
				<button class="tab">微信</button>
				<button class="tab card">银行卡</button>
			</div>
			<div class="payment-method1">
				<button class="alipay-btn">
					<!-- <img src="./img/pay1.png" alt=""> -->
					支付宝
				</button>
			</div>
			<div class="payment-method2">
				<button class="alipay-btn">
					<img src="alipay.png" alt="">
					微信
				</button>
			</div>
			<div class="payment-method3">
				<button class="alipay-btn">
					<img src="alipay.png" alt="">
					银行卡
				</button>
			</div>
		</section>

		<!-- 确认支付按钮 -->
		<div class="confirm-payment">
			<button class="pay-button">确认支付（还需支付¥房间费用）</button>
		</div>
		<script src="static/js/jquery-1.12.4.js"></script>
		<script src="./static/js/pay.js"></script>
		<script src="static/js/yhs/pay.js"></script>
	</body>
</html>